@CHARSET "EUC-KR";

/* common options */

.blurred_5 { opacity: 0.5; }


/* /view/common/top.jsp */

.common_top .adminOnly { width: 150px; position: absolute; top: 35px; right: 0px; cursor: pointer; display: none; }
.common_top #globalTimer { position: absolute; top: 35px; right: 0px; }

.common_top { padding-top: 20px; margin-bottom: 25px; position: relative; }
.common_top .nav-justified {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px; }
.common_top .nav-justified > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
	font-weight: bold;
	color: #777;
	text-align: center;
	background-color: #e5e5e5; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
	background-image:      -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	background-repeat: repeat-x; /* Repeat the gradient */
	border-bottom: 1px solid #d5d5d5; }
.common_top .nav-justified > .active > a,
.common_top .nav-justified > .active > a:hover,
.common_top .nav-justified > .active > a:focus {
	background-color: #ddd;
	background-image: none;
	box-shadow: inset 0 3px 7px rgba(0,0,0,.15); }
.common_top .nav-justified > li:first-child > a { border-radius: 5px 5px 0 0; }
.common_top .nav-justified > li:last-child > a { border-bottom: 0; border-radius: 0 0 5px 5px; }



/* /view/admin/main.jsp */

.admin_main { max-width: 750px; margin-left: auto; margin-right: auto; text-align: center; }
.admin_main > .panel-body > img { margin-bottom: 20px; }



/* /view/admin/missionList.jsp */
/* /view/admin/resultList.jsp */

.admin_listCommon { max-width: 750px; margin-left: auto; margin-right: auto; }
.admin_listCommon .badge { color: #428bca; background: #fff; margin-left: 5px; }
.admin_listCommon .glyphicon { float: right; cursor: pointer; }
.admin_listCommon .table { margin-bottom: 0px; }

.admin_listCommon .modalContent .modal-footer { margin-top: 0px; }



/* /view/user/login.jsp */

.user_login { width: 58%; display: block; margin-left: auto; margin-right: auto;}
.user_login.panel { padding: 20px; }
.user_login.panel img { width: 100%; height: 100%; margin-bottom: 20px; opacity: 1; }
.user_login .login_btn_bar { text-align: right; }

.user_login .modalContent .form-inline { display: inline-block; margin-right: 15px; margin-bottom: 10px; }
.user_login .modalContent .glyphicon { margin-left: 5px; cursor: pointer; }
.user_login .modalContent .addInput { display: none; }



/* /view/user/mission.jsp */

.user_mission .container #mapList,
.user_mission .container #missionContent { display: block; margin-left: auto; margin-right: auto; }
	
.user_mission .container #mapList { padding-bottom: 35px; text-align: center; }
.user_mission .container #mapList span { margin: 15px; font-size: 16pt; }
.user_mission .container #mapList img { width: 75px; height: 75px; opacity: 0.25; cursor: pointer; }
.user_mission .container #mapList img.clear { opacity: 1; }

.user_mission .container #missionContent { width: 600px; text-align: center; }
.user_mission .container #missionContent img { width: 100%; height: 100%; margin-bottom: 15px; }
/* .user_mission .container #missionContent .panel-body { position: relative; } */

.user_mission .modal-content { text-align: center; }
.user_mission .modal-content #missionTime { font-weight: bold; font-size: 18px; }